<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>灰鲸商城</title>
    <link rel="stylesheet" href="../static/css/bootstrap.css">
    <link rel="stylesheet" href="../static/css/demo.css">
    <link rel="icon" href="../static/img/huijing_mall.ico" type="image/x-icon">
</head>
<body>

<div class="login-container">
    <div class="login-form">
        <div style="margin: 0 auto;width: 300px;">
            <h4 style="text-align: center; margin-bottom: 30px;color: #ffffff">用户登录</h4>
            <button class="btn btn-outline-info" style="width: 147px;" id="userLogin">账号密码登录</button>
            <button class="btn btn-outline-info" style="width: 148px;" id="mobileLogin">手机邮箱登录</button>
            <div style="margin: 0 auto;width: 300px;" id="content">
                <label for="username" class="form-label">账号:</label>
                <input type="text" name="username" placeholder="请输入用户名" id="username" class="form-control" >
                <label for="password" class="form-label">密码:</label>
                <input type="password" name="password" placeholder="请输入密码" id="password"  class="form-control" >
                <div style="margin-top: 15px;">
                    <a href="/update/pwd_page">忘记密码？</a>
                    <a href="/register_page" style="float:right;">注册</a>
                </div>
                <div style="text-align: center;margin-top: 15px;font-size: 11px;">
                    <label for="is_check"></label><input type="checkbox" id="is_check"><span >我已阅读并同意 <a href="http://baidu.com">《用户服务协议》</a>和<a href="http://baidu.com">《隐私政策》</a></span></label>
                </div>
                <button  class="btn btn-outline-light" style="margin-top: 15px;width: 300px;" id="login_usrLogin">登录</button>
            </div>
        </div>
    </div>
</div>

<div id="errorDialog">
    <div id="closeButton01" class="close_morn">X</div>
    <span id="errorMsg"></span>
    <br>
    <button id="closeButton" class="btn btn-group-vertical">关闭</button>
</div>

<script src="../static/js/jquery-3.4.1.min.js"></script>
<script src="../static/js/demo.js"></script>
</body>
</html>